﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<title>欢迎来到微博地图</title>
</head>
<body>
<div style='position:absolute;width:240px;height:30px;margin-left:10px;z-index:1;font-size:12px;text-align:center;line-height:30px;color:#555555;opacity:0.9;filter:alpha(opacity=90);'>
	<span class='cur' style='cursor:pointer;width:59px;height:30px;background-color:#bbbbff;border-right:1px solid #b6eafd;float:left;' onclick='$(&quot;span.cur&quot;).css(&quot;backgroundColor&quot;,&quot;#bbbbff&quot;),this.style.backgroundColor=&quot;#ffccff&quot;,$(&quot;#pSFriContainer,#pFanContainer,#pBlaContainer&quot;).fadeOut(200,function(){$(&quot;#pContainer&quot;).slideDown(500,function(){$(&quot;#pFriContainer&quot;).fadeIn(500)})})'>收听</span>
	<span class='cur' style='cursor:pointer;width:59px;height:30px;background-color:#bbbbff;border-right:1px solid #b6eafd;float:left;' onclick='$(&quot;span.cur&quot;).css(&quot;backgroundColor&quot;,&quot;#bbbbff&quot;),this.style.backgroundColor=&quot;#ff8888&quot;,$(&quot;#pFriContainer,#pFanContainer,#pBlaContainer&quot;).fadeOut(200,function(){$(&quot;#pContainer&quot;).slideDown(500,function(){$(&quot;#pSFriContainer&quot;).fadeIn(500)})})'>特别收听</span>
	<span class='cur' style='cursor:pointer;width:59px;height:30px;background-color:#bbbbff;border-right:1px solid #b6eafd;float:left;' onclick='$(&quot;span.cur&quot;).css(&quot;backgroundColor&quot;,&quot;#bbbbff&quot;),this.style.backgroundColor=&quot;#aaffaa&quot;,$(&quot;#pFriContainer,#pSFriContainer,#pBlaContainer&quot;).fadeOut(200,function(){$(&quot;#pContainer&quot;).slideDown(500,function(){$(&quot;#pFanContainer&quot;).fadeIn(500)})})'>听众</span>
	<span class='cur' style='cursor:pointer;width:60px;height:30px;background-color:#bbbbff;float:left;' onclick='$(&quot;span.cur&quot;).css(&quot;backgroundColor&quot;,&quot;#bbbbff&quot;),this.style.backgroundColor=&quot;#aaaaaa&quot;,$(&quot;#pFriContainer,#pSFriContainer,#pFanContainer&quot;).fadeOut(200,function(){$(&quot;#pContainer&quot;).slideDown(500,function(){$(&quot;#pBlaContainer&quot;).fadeIn(500)})})'>黑名单</span>
</div>
<div id='pContainer' style='position:absolute;margin-top:0px;width:260px;height:400px;background-color:#b6eafd;z-index:0;opacity:0.9;filter:alpha(opacity=90);display:none;'>
<div style='width:240px;margin-left:10px;height:35px;background-color:#bbffff;'></div>
<div style='height:335px;overflow:hidden;'>
<div class='cur' id='pFriContainer' style='width:240px;height:335px;margin-left:10px;background-color:#bbffff;display:none;overflow-x:hidden;overflow-y:auto;'>
	<div style='width:240px;border-top:1px solid #86bacd;background-color:#bbffff;'>
		<div style='width:220px;height:50px;margin-left:10px;margin-top:5px;background-color:#bbffff;' onmouseover='this.style.backgroundColor=&quot;#b6eafd&quot;' onmouseout='this.style.backgroundColor=&quot;#bbffff&quot;'>
			<div style='float:left;width:50px;height:50px;'><img style='width:50px;height:50px;' src=''/></div>
			<div style='float:right;width:160px;margin-top:10px;'><span style='font-size:15px;color:#ff67ff'>月辉星河</span></div>
			<div style='float:right;width:160px;font-size:12px;color:#888888;margin-top:5px;'>
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>特别收听</span>|
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>取消收听</span>|
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>黑名单</span>
			</div>
		</div>
	</div>
</div>
<div class='cur' id='pSFriContainer' style='width:240px;height:335px;margin-left:10px;background-color:#bbffff;display:none;overflow-x:hidden;overflow-y:auto;'>
	<div style='width:240px;margin-top:5px;border-top:1px solid #86bacd;background-color:#bbffff;'>
		<div style='width:220px;height:50px;margin-left:10px;margin-top:5px;background-color:#bbffff;' onmouseover='this.style.backgroundColor=&quot;#b6eafd&quot;' onmouseout='this.style.backgroundColor=&quot;#bbffff&quot;'>
			<div style='float:left;width:50px;height:50px;'><img style='width:50px;height:50px;' src=''/></div>
			<div style='float:right;width:160px;margin-top:10px;'><span style='font-size:15px;color:#ff67ff'>月辉星河</span></div>
			<div style='float:right;width:160px;font-size:12px;color:#888888;margin-top:5px;'>
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>普通收听</span>|
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>取消收听</span>|
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>黑名单</span>
			</div>
		</div>
	</div>
</div>
<div class='cur' id='pFanContainer' style='width:240px;height:335px;margin-left:10px;background-color:#bbffff;display:none;overflow-x:hidden;overflow-y:auto;'>
	<div style='width:240px;margin-top:5px;border-top:1px solid #86bacd;background-color:#bbffff;'>
		<div style='width:220px;height:50px;margin-left:10px;margin-top:5px;background-color:#bbffff;' onmouseover='this.style.backgroundColor=&quot;#b6eafd&quot;' onmouseout='this.style.backgroundColor=&quot;#bbffff&quot;'>
			<div style='float:left;width:50px;height:50px;'><img style='width:50px;height:50px;' src=''/></div>
			<div style='float:right;width:160px;margin-top:10px;'><span style='font-size:15px;color:#ff67ff'>月辉星河</span></div>
			<div style='float:right;width:160px;font-size:12px;color:#888888;margin-top:5px;'>
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>收听</span>
			</div>
		</div>
	</div>
</div>
<div class='cur' id='pBlaContainer' style='width:240px;height:335px;margin-left:10px;background-color:#bbffff;display:none;overflow-x:hidden;overflow-y:auto;'>
	<div style='width:240px;margin-top:5px;border-top:1px solid #86bacd;background-color:#bbffff;'>
		<div style='width:220px;height:50px;margin-left:10px;margin-top:5px;background-color:#bbffff;' onmouseover='this.style.backgroundColor=&quot;#b6eafd&quot;' onmouseout='this.style.backgroundColor=&quot;#bbffff&quot;'>
			<div style='float:left;width:50px;height:50px;'><img style='width:50px;height:50px;' src=''/></div>
			<div style='float:right;width:160px;margin-top:10px;'><span style='font-size:15px;color:#ff67ff'>月辉星河</span></div>
			<div style='float:right;width:160px;font-size:12px;color:#888888;margin-top:5px;'>
			<span style='cursor:pointer;' onmouseover='this.style.textDecoration=&quot;underline&quot;,this.style.color=&quot;#0000ff&quot;' onmouseout='this.style.textDecoration=&quot;none&quot;,this.style.color=&quot;#888888&quot;' onclick=''>移出黑名单</span>
			</div>
		</div>
	</div>
</div>
</div>
<div style='cursor:pointer;width:260px;height:30px;text-align:center;line-height:30px;font-size:12px;color:#555555;' onclick='$(&quot;#pContainer&quot;).slideUp(500),$(&quot;span.cur&quot;).css(&quot;backgroundColor&quot;,&quot;#bbbbff&quot;)'>收起</div>
</div>
</body>
</html>